<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8">
    <title>{% block title %}{% endblock %} - bookshare</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le styles -->
    <link href="/css/bootstrap.min.css" rel="stylesheet">
    <link href="/css/bookshare.css" rel="stylesheet">
    <link href="/css/bootstrap-responsive.min.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Ubuntu:700&amp;text=bokshare" rel="stylesheet" type="text/css">

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="img/favicon.ico">
    <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-5847341-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
  </head>

  <body>

    <div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
          <a class="brand" href="/"><span class="bookshare-logo">bookshare</span> <span class="label label-warning">beta</span></a>     
          <div class="nav-collapse">
            <ul class="nav">
              {% block nav %}
              {% endblock %}
            </ul>
            <ul class="nav pull-right">
              <li class="pull-right"><a href="#aboutModal" data-toggle="modal">About</a></li>
              <li class="pull-right"><a href="mailto:mnanba@ryobi-sol.co.jp">Contact</a></li>
            </ul>
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>

    <div class="container">
      {% block content %}
      {% endblock %}

      {% if error_msg %}
      <div class="alert alert-block alert-error">
        <h4 class="alert-heading">Error!</h4>
        {{ error_msg }}
      </div>
      {% endif %}

      <hr>

      <footer>
        <img src="https://code.google.com/appengine/images/appengine-silver-120x30.gif" alt="Powered by Google App Engine" />
        <p>&copy; HardWave 2012</p>
      </footer>

    </div> <!-- /container -->

    <div class="modal hide fade" id="aboutModal">
      <div class="modal-header">
        <a class="close" data-dismiss="modal">×</a>
        <h3><span class="bookshare-logo"><span class="book-logo">book</span><span class="share-logo">share</span></span> <span class="label label-warning">beta</span></h3>
        <h4>ver. 0.5a</h4>
      </div>
      <div class="modal-body">
        <p>bookshare は、まだ beta バージョンです。</p>
        <p>テストにご協力ください。</p>
        <hr class="half"/>
        <p>Copyright &copy; 2012 HardWave All Rights Reserved.</p>
        <p>このサービスは、<a href="https://code.google.com/intl/en/appengine/" target="_blank">Google App Engine</a> 上で動いています。</p>
        <p>UI のデザインには、<a href="http://twitter.github.com/bootstrap/" target="_blank">Bootstrap</a> を使用しています。</p>
      </div>
      <div class="modal-footer">
        <a href="#" class="btn btn-large btn-warning" data-dismiss="modal">OK</a>
      </div>
    </div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
  </body>
</html>
